<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机-品优购</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/details.css">
    <script src="js/details.js"></script>
</head>

<body>
    <!-- 快捷导航 -->
    <section class="chortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>品优购欢迎您！&nbsp;</li>
                    <li>
                        <a href="#">请登录&nbsp;</a>
                        <a href="register.html" class="strat_red">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li>我的订单</li>
                    <li></li>
                    <li class="arrow_icon">我的品优购</li>
                    <li></li>
                    <li>品优购会员</li>
                    <li></li>
                    <li>企业采购</li>
                    <li></li>
                    <li class="arrow_icon">关注品优购</li>
                    <li></li>
                    <li class="arrow_icon">客户服务</li>
                    <li></li>
                    <li class="arrow_icon">网站导航</li>
                </ul>
            </div>
        </div>
    </section>
    <!-- 头部 -->
    <header class="header w">
        <div class="logo">
            <h1>
                <a href="index.html" title="品优购商城">品优购商城</a>
            </h1>
        </div>
        <div class="search">
            <!-- placeholder框内注释 -->
            <input type="search" placeholder="语言开发">
            <button>搜索</button>
        </div>
        <div class="hotwrods">
            <a href="#" class="strat_red">优惠购首发</a>
            <a href="#">亿元优惠</a>
            <a href="#">9.9元团购</a>
            <a href="#">美满99减10</a>
            <a href="#">办公用品</a>
            <a href="#">电脑</a>
            <a href="#">通信</a>
        </div>
        <div class="shopcar">
            <a href="#">
                <p>我的购物车</p>
                <div class="count">8</div>
            </a>
        </div>
    </header>
    <!-- 导航栏开始 -->
    <nav class="nav">
        <div class="w">
            <div class="dropdown fl">
                <div class="dt">
                    全部商品分类
                </div>
            </div>
            <div class="navitems fl">
                <ul>
                    <li><a href="#">服装城</a></li>
                    <li><a href="#">美妆馆</a></li>
                    <li><a href="#">传智超市</a></li>
                    <li><a href="#">全球购</a></li>
                    <li><a href="#">闪购</a></li>
                    <li><a href="#">团购</a></li>
                    <li><a href="#">拍卖</a></li>
                    <li><a href="#">有趣</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 内容开始 -->
    <div class="content w clearfix">
        <div class="con-title">
            <a href="javaScript:;">手机、数码、通讯</a>
            <span>〉</span>
            <a href="javaScript:;">手机</a>
            <span>〉</span>
            <a href="javaScript:;">Apple苹果</a>
            <span>〉</span>
            <a href="javaScript:;">iphone 6S Plus系类</a>
        </div>
        <div class="main">
            <!-- 图片模块 -->
            <div class="leftsidebar">
                <div class="main-img">
                    <img src="uplosd/s3.png" alt="">
                    <div class="bg"></div>
                    <div class="bigtu">
                        <img src="uplosd/big.jpg" alt="">
                    </div>
                </div>
                <div class="guild">
                    <ul>
                        <li><img src="images/arrow-prev.png" alt=""></li>
                        <li><img src="uplosd/pre.jpg" alt=""></li>
                        <li class="border_red"><img src="uplosd/pre.jpg" alt=""></li>
                        <li><img src="uplosd/pre.jpg" alt=""></li>
                        <li><img src="uplosd/pre.jpg" alt=""></li>
                        <li><img src="uplosd/pre.jpg" alt=""></li>
                        <li><img src="images/arrow-next.png" alt=""></li>
                    </ul>
                </div>
            </div>
            <!-- 选购模块 -->
            <div class="rightsidebar">
                <h2>Apple iPhone 6s（A1700）64G玫瑰金色 移动通信电信4G手机</h2>
                <h3>推荐选择下方[移动优惠购],手机套餐齐搞定,不用换号,每月还有花费返</h3>
                <div class="marey">
                    <p class="price">价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格<br> 促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销
                    </p>
                    <span>
                        <i>￥</i>5299.00
                        <span>降价通知</span>
                        <span>累计评价<i>612188</i></span>
                    </span>
                    <div class="jiagou">
                        <i>加价购</i>
                        满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，即可在购物车换
                        购热销商品 <a href="javaScript:;">详情 》</a>
                    </div>
                </div>
                <div class="zhici">
                    <p class="price">支&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;持<br> 配&nbsp;送&nbsp;至</p>
                    <p>以旧换新，闲置手机回收 4G套餐超值抢 礼品购</p>
                    <p>北京海淀区中关  有货&nbsp; 支持&nbsp; 99元免运费&nbsp; |货到付款&nbsp; |211限时达&nbsp; </p>
                    <p>由自营发货，并提供售后服务。11:00前完成下单，预计<strong>今天（08月10日）送达</strong></p>
                    <p></p>
                </div>
                <div class="attribute">
                    <div class="dl">
                        <div class="dt">选择颜色</div>
                        <div class="dd">
                            <span>金色</span>
                            <span>银色</span>
                            <span>黑色</span>
                            <span class="border_red">玫瑰金</span>
                        </div>
                    </div>
                    <div class="dl">
                        <div class="dt">选择版本</div>
                        <div class="dd">
                            <span class="border_red">公开版</span>
                            <span>移动5G</span>
                        </div>
                    </div>
                    <div class="dl">
                        <div class="dt">选择容量</div>
                        <div class="dd">
                            <span>16GB</span>
                            <span class="border_red">64GB</span>
                            <span>128GB</span>
                        </div>
                    </div>
                    <div class="dl">
                        <div class="dt">购买方式</div>
                        <div class="dd">
                            <span class="border_red">官方标配</span>
                            <span>移动优惠购</span>
                            <span>电信优惠购</span>
                        </div>
                    </div>
                    <div class="dl">
                        <div class="dt">套 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 装</div>
                        <div class="dd">
                            <span class="border_red">保护套装</span>
                            <span>充电套装</span>
                        </div>
                    </div>
                </div>
                <p class="xian"></p>
                <div class="buy">
                    <div class="ipt">
                        <input type="text" value="1">
                        <i>+</i>
                        <i>-</i>
                    </div>
                    <a class="buy-go" href="javaScript:;">
                        加入购物车
                    </a>
                </div>
            </div>
        </div>
        <!-- 相关 -->
        <div class="banner">
            <div class="left-service fl">
                <div class="banner-nav">
                    <div class="relevant fl">相关分类</div>
                    <div class="recommend fl">推荐品牌</div>
                </div>
                <div class="li">
                    <ul>
                        <li>手机</li>
                        <li>内存卡</li>
                        <li>贴膜</li>
                        <li>移动电源</li>
                        <li>笔记本</li>
                        <li>手机壳</li>
                        <li>iphone配件</li>
                        <li>手机耳机</li>
                        <li>平板电脑</li>
                        <li>蓝牙耳机</li>
                    </ul>
                    <p>购买了此商品的用户还买了</p>
                </div>
                <ul class="thing">
                    <li>
                        <img src="uplosd/aside_img.jpg" alt="">
                        <p>蓝孩 苹果iPhone6S抗蓝光防爆防炸牛逼钢化膜</p>
                        <p><strong>￥19</strong></p>
                        <a href="javaScript:;">加入购物车</a>
                    </li>
                    <li>
                        <img src="uplosd/aside_img.jpg" alt="">
                        <p>蓝孩 苹果iPhone6S抗蓝光防爆防炸牛逼钢化膜</p>
                        <p><strong>￥19</strong></p>
                        <a href="javaScript:;">加入购物车</a>
                    </li>
                    <li>
                        <img src="uplosd/aside_img.jpg" alt="">
                        <p>蓝孩 苹果iPhone6S抗蓝光防爆防炸牛逼钢化膜</p>
                        <p><strong>￥19</strong></p>
                        <a href="javaScript:;">加入购物车</a>
                    </li>
                    <li>
                        <img src="uplosd/aside_img.jpg" alt="">
                        <p>蓝孩 苹果iPhone6S抗蓝光防爆防炸牛逼钢化膜</p>
                        <p><strong>￥19</strong></p>
                        <a href="javaScript:;">加入购物车</a>
                    </li>
                    <li>
                        <img src="uplosd/aside_img.jpg" alt="">
                        <p>蓝孩 苹果iPhone6S抗蓝光防爆防炸牛逼钢化膜</p>
                        <p><strong>￥19</strong></p>
                        <a href="javaScript:;">加入购物车</a>
                    </li>
                    <li>
                        <img src="uplosd/aside_img.jpg" alt="">
                        <p>蓝孩 苹果iPhone6S抗蓝光防爆防炸牛逼钢化膜</p>
                        <p><strong>￥19</strong></p>
                        <a href="javaScript:;">加入购物车</a>
                    </li>
                </ul>
            </div>
            <div class="right-service fl">
                <div class="choice">
                    <div class="choice-hd">
                        <p>选择搭配</p>
                    </div>
                    <div class="choice-bd">
                        <div class="bd-left fl">
                            <div class="ul">
                                <ul>
                                    <li><a href="javaScript:;">精品</a></li>
                                    <li><a href="javaScript:;">iphone配件</a></li>
                                    <li><a href="javaScript:;">蓝牙耳机</a></li>
                                    <li><a href="javaScript:;">自拍杆</a></li>
                                    <li><a href="javaScript:;">数据线</a></li>
                                    <li><a href="javaScript:;">其他手机配件</a></li>
                                    <li><a href="javaScript:;">U盘</a></li>
                                </ul>
                            </div>
                            <div class="picle">
                                <div class="dl">
                                    <div class="dt fl">
                                        <img src="uplosd/aside_img.jpg" alt="">
                                    </div>
                                    <p>￥5299.00</p>
                                    <i class="fl">+</i>
                                    <div class="dd fl">
                                        <span>
                                            <img src="uplosd/picle.jpg" alt="">
                                            <p>Feless费勒斯VR12341234</p>
                                            <p><input type="checkbox" class="check"> ￥39</p>
                                        </span>
                                        <span>
                                            <img src="uplosd/picle.jpg" alt="">
                                            <p>Feless费勒斯VR12341234</p>
                                            <p><input type="checkbox" class="check"> ￥39</p>
                                        </span>
                                        <span>
                                            <img src="uplosd/picle.jpg" alt="">
                                            <p>Feless费勒斯VR12341234</p>
                                            <p><input type="checkbox" class="check"> ￥39</p>
                                        </span>
                                        <span>
                                            <img src="uplosd/picle.jpg" alt="">
                                            <p>Feless费勒斯VR12341234</p>
                                            <p><input type="checkbox" class="check"> ￥39</p>
                                        </span>
                                    </div>
                                    <div class="jiao">
                                        <div class="jiao-nei"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="bd-right fl">
                            <p>已选够0件搭配</p>
                            <p><strong>套餐价：</strong></p>
                            <p><i>￥</i>5299.00</p>
                            <a class="buy-go" href="javaScript:;">
                                加入购物车
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="detail">
                <div class="detail-hd">
                    <ul>
                        <li>商品介绍</li>
                        <li>规格与包装</li>
                        <li>售后保障</li>
                        <li>商品评价（50000）</li>
                        <li>手机社区</li>
                    </ul>
                </div>
                <div class="detail-bd">
                    <ul>
                        <li>分辨率：1920*1080(FHD)</li>
                        <li>后置摄像头：1200万像素</li>
                        <li>前置摄像头：500万像素</li>
                        <li>核&nbsp;&nbsp;&nbsp;&nbsp;数：其他</li>
                        <li>频&nbsp;&nbsp;&nbsp;&nbsp;率：以官网信息为准</li>
                        <li>品牌： Apple ♥关注</li>
                        <li>商品名称：APPLEiPhone 6s Plus</li>
                        <li>商品编号：1861098</li>
                        <li>商品毛重：0.51kg</li>
                        <li>商品产地：中国大陆</li>
                        <li>热点：指纹识别，Apple Pay，金属机身，拍照神器</li>
                        <li>系统：苹果（IOS）</li>
                        <li>像素：1000-1600万</li>
                        <li>机身内存：64GB</li>
                        <li class="fr"><a href="javaScript:;">查看更多参数 </a></li>
                    </ul>
                    
                    <div class="adver">
                        <img src="uplosd/detail_img1.jpg" alt="">
                        <img src="uplosd/detail_img2.jpg" alt="">
                        <img src="uplosd/detail_img3.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部开始 -->
    <footer class="footer">
        <div class="w">
            <div class="mod_service">
                <ul>
                    <li>
                        <div class="service_icon"></div>
                        <h4>正品保障</h4>
                        <p>正品保障，提供发票</p>
                    </li>
                    <li>
                        <div class="service_icon"></div>
                        <h4>极速物流</h4>
                        <p>急速物流，急速送达</p>
                    </li>
                    <li>
                        <div class="service_icon"></div>
                        <h4>无忧售后</h4>
                        <p>7天无理由退换货</p>
                    </li>
                    <li>
                        <div class="service_icon"></div>
                        <h4>特色服务</h4>
                        <p>私人定制家电套餐</p>
                    </li>
                    <li>
                        <div class="service_icon"></div>
                        <h4>帮助中心</h4>
                        <p>您的购物指南</p>
                    </li>
                </ul>
            </div>
            <div class="mod_help">
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员结束</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>配送方式</dt>
                    <dd><a href="#">上门自提</a></dd>
                    <dd><a href="#">211限时达</a></dd>
                    <dd><a href="#">配送服务查询</a></dd>
                    <dd><a href="#">配送费收取标准</a></dd>
                    <dd><a href="#">海外配送</a></dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd><a href="#">货到付款</a></dd>
                    <dd><a href="#">在线支付</a></dd>
                    <dd><a href="#">分期付款</a></dd>
                    <dd><a href="#">邮局汇款</a></dd>
                    <dd><a href="#">公司转账</a></dd>
                </dl>
                <dl>
                    <dt>售后服务</dt>
                    <dd><a href="#">售后政策</a></dd>
                    <dd><a href="#">价格保护</a></dd>
                    <dd><a href="#">退款说明</a></dd>
                    <dd><a href="#">返修/退换货</a></dd>
                    <dd><a href="#">取消订单</a></dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd><a href="#">夺宝马</a></dd>
                    <dd><a href="#">DIY装机</a></dd>
                    <dd><a href="#">延保服务</a></dd>
                    <dd><a href="#">品优购E卡</a></dd>
                    <dd><a href="#">品优购通信</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd class='help_wx'>
                        <img src="images/wx_cz.png" alt="">
                        品优购客户端
                    </dd>

                </dl>
            </div>
            <div class="mod_copyright">
                <div class="copy">
                    <a href="#">关于我们</a>|
                    <a href="#">联系我们</a>|
                    <a href="#">联系客服</a>|
                    <a href="#">商家入驻</a>|
                    <a href="#">营销中心</a>|
                    <a href="#">手机品优购</a>|
                    <a href="#">友情连接</a>|
                    <a href="#">销售联盟</a>|
                    <a href="#">品优购社区</a>|
                    <a href="#">品优购公益</a>|
                    <a href="#">English S</a>|
                    <a href="#">Contact U</a>
                </div>
                <p>地址:北京市昌平区建材城西路金燕龙办公楼-层邮编: 100096电话: 400-618-4000传真: 010-82935100邮箱: zhanghj+itcast.cn</p>
                <p>京ICP备08001421号京公网安备110108007702</p>
            </div>
        </div>
    </footer>
</body>

</html>